<div class="columns">
  <div class="column">
    <h2>
      Chat with us on the CNCF Slack
    </h2>
    
    <div class="buttons">
      <a href="https://cloud-native.slack.com/messages/harbor">
        <div class="button is-slack-green">
          <span class="icon">
            <i class="fab fa-slack"></i>
          </span>
          <span class="has-text-white has-text-weight-bold" >
            Slack: #harbor for end-user discussions
          </span>
        </div>
      </a>
      
      &nbsp;
      
      <a href="https://cloud-native.slack.com/messages/harbor">
        <div class="button is-slack-green">
          <span class="icon">
            <i class="fab fa-slack"></i>
          </span>
          <span class="has-text-white has-text-weight-bold" >
            Slack: #harbor-dev for development of Harbor
          </span>
        </div>
      </a>
      
      <p class="is-size-5">
        Note: To access the CNCF slack, you need an invitation
        which can be obtained at
        <a href="https://slack.cncf.io/">https://slack.cncf.io</a>.
      </p>
    </div>
  </div>

  <div class="column">
    <h2>
      Distribution lists
    </h2>

    <p class="is-size-5">
      There are two distribution lists for Harbor, one for users and one for developers:
    </p>

    <div class="container">
      <div class="columns is-variable is-6">
        <div class="column">
          <h3>
            <span class="icon has-text-secondary has-margin-right">
              <i class="fas fa-users"></i>
            </span>
            <span>
              User group
            </span>
          </h3>

          <p>
            Join Harbor's user email group at <a href="https://lists.cncf.io/g/harbor-users" target="_blank">https://lists.cncf.io/g/harbor-users</a> to get Harbor's news, features, and releases, or to provide suggestions and feedback.
          </p>
        </div>

        <div class="column">
          <h3>
            <span class="icon has-text-secondary has-margin-right">
              <i class="fas fa-laptop"></i>
            </span>
            <span>
              Developer group
            </span>
          </h3>

          <p>
            Join Harbor's developer group at <a href="https://lists.cncf.io/g/harbor-dev" target="_blank">https://lists.cncf.io/g/harbor-dev</a> for updates related to development and contribution.
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
